$c: #ccc;

body {
	background-color: #f1f1f1;
	font-size: 28rpx;
	color: #333333;
	font-family: PingFang SC Medium;
}

page {
	width: 100%;
	// height: 100%;
	overflow-y: scroll;
	background-color: #f1f1f1;
}

view,
text,
scroll-view,
swiper,
button,
input,
textarea,
label,
navigator,
image {
	box-sizing: border-box;
}

/* 字体颜色================================= */
.color1 {
	color: #ff391b !important;
}
.color2 {
	color: #ff952f !important;
}
.color3 {
	color: #20ed33 !important;
}
.cf7 {
	color: #f7f7f7;
}
.bf7 {
	background-color: #f7f7f7;
}
.bgf8 {
	background-color: #f8f8f8;
}

/*个人常用样式 ============================== */

.w750 {
	width: 750rpx;
}

.w100 {
	width: 100%;
}

.w100vw {
	width: 100vw;
}
.w50vw {
	width: 50%;
}

.h100 {
	height: 100%;
}

.h100vh {
	height: 100vh;
}

.bd {
	border: 1px solid red;
	box-sizing: border-box;
}

.bgfff {
	background-color: #fff;
}

.w343 {
	width: 686rpx;
	height: 88rpx;
	border-radius: 8rpx;
	padding: 0;
	margin: 0;
	background-color: #e76343;
	font-size: 28rpx;
	color: #fff;
	line-height: 88rpx;
	text-align: center;
}
.tac {
	text-align: center;
}

.w686 {
	width: 686rpx;
}

.bs {
	box-sizing: border-box;
}
.bxsd {
	box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.3), 0 0 12rpx rgba(0, 0, 0, 0.2);
}

/* 外边距 */
.m2 {
	margin: 4rpx;
}

.m4 {
	margin: 8rpx;
}

.m6 {
	margin: 12rpx;
}

.m8 {
	margin: 16rpx;
}

.m10 {
	margin: 20rpx;
}

.m12 {
	margin: 24rpx;
}

.m14 {
	margin: 28rpx;
}

.m16 {
	margin: 32rpx;
}

.m18 {
	margin: 36rpx;
}

.m20 {
	margin: 40rpx;
}

.m22 {
	margin: 44rpx;
}

.m24 {
	margin: 48rpx;
}

.m26 {
	margin: 52rpx;
}

.m28 {
	margin: 56rpx;
}

.m30 {
	margin: 60rpx;
}

.m32 {
	margin: 64rpx;
}

.m34 {
	margin: 68rpx;
}

.m36 {
	margin: 72rpx;
}

.m38 {
	margin: 76rpx;
}

.m40 {
	margin: 80rpx;
}

/* 上外边距 */
.mt2 {
	margin-top: 4rpx;
}

.mt4 {
	margin-top: 8rpx;
}

.mt6 {
	margin-top: 12rpx;
}

.mt8 {
	margin-top: 16rpx;
}

.mt10 {
	margin-top: 20rpx;
}

.mt12 {
	margin-top: 24rpx;
}

.mt14 {
	margin-top: 28rpx;
}

.mt16 {
	margin-top: 32rpx;
}

.mt18 {
	margin-top: 36rpx;
}

.mt20 {
	margin-top: 40rpx;
}

.mt22 {
	margin-top: 44rpx;
}

.mt24 {
	margin-top: 48rpx;
}

.mt26 {
	margin-top: 52rpx;
}

.mt28 {
	margin-top: 56rpx;
}

.mt30 {
	margin-top: 60rpx;
}

.mt32 {
	margin-top: 64rpx;
}

.mt34 {
	margin-top: 68rpx;
}

.mt36 {
	margin-top: 72rpx;
}

.mt38 {
	margin-top: 76rpx;
}

.mt40 {
	margin-top: 80rpx;
}

/* 右外边距 */
.mr2 {
	margin-right: 4rpx;
}

.mr4 {
	margin-right: 8rpx;
}

.mr6 {
	margin-right: 12rpx;
}

.mr8 {
	margin-right: 16rpx;
}

.mr10 {
	margin-right: 20rpx;
}

.mr12 {
	margin-right: 24rpx;
}

.mr14 {
	margin-right: 28rpx;
}

.mr16 {
	margin-right: 32rpx;
}

.mr18 {
	margin-right: 36rpx;
}

.mr20 {
	margin-right: 40rpx;
}

.mr22 {
	margin-right: 44rpx;
}

.mr24 {
	margin-right: 48rpx;
}

.mr26 {
	margin-right: 52rpx;
}

.mr28 {
	margin-right: 56rpx;
}

.mr30 {
	margin-right: 60rpx;
}

.mr32 {
	margin-right: 64rpx;
}

.mr34 {
	margin-right: 68rpx;
}

.mr36 {
	margin-right: 72rpx;
}

.mr38 {
	margin-right: 76rpx;
}

.mr40 {
	margin-right: 80rpx;
}

/* 下外边距 */
.mb2 {
	margin-bottom: 4rpx;
}

.mb4 {
	margin-bottom: 8rpx;
}

.mb6 {
	margin-bottom: 12rpx;
}

.mb8 {
	margin-bottom: 16rpx;
}

.mb10 {
	margin-bottom: 20rpx;
}

.mb12 {
	margin-bottom: 24rpx;
}

.mb14 {
	margin-bottom: 28rpx;
}

.mb16 {
	margin-bottom: 32rpx;
}

.mb18 {
	margin-bottom: 36rpx;
}

.mb20 {
	margin-bottom: 40rpx;
}

.mb22 {
	margin-bottom: 44rpx;
}

.mb24 {
	margin-bottom: 48rpx;
}

.mb26 {
	margin-bottom: 52rpx;
}

.mb28 {
	margin-bottom: 56rpx;
}

.mb30 {
	margin-bottom: 60rpx;
}

.mb32 {
	margin-bottom: 64rpx;
}

.mb34 {
	margin-bottom: 68rpx;
}

.mb36 {
	margin-bottom: 72rpx;
}

.mb38 {
	margin-bottom: 76rpx;
}

.mb40 {
	margin-bottom: 80rpx;
}

/* 左外边距 */
.ml2 {
	margin-left: 4rpx;
}

.ml4 {
	margin-left: 8rpx;
}

.ml6 {
	margin-left: 12rpx;
}

.ml8 {
	margin-left: 16rpx;
}

.ml10 {
	margin-left: 20rpx;
}

.ml12 {
	margin-left: 24rpx;
}

.ml14 {
	margin-left: 28rpx;
}

.ml16 {
	margin-left: 32rpx;
}

.ml18 {
	margin-left: 36rpx;
}

.ml20 {
	margin-left: 40rpx;
}

.ml22 {
	margin-left: 44rpx;
}

.ml24 {
	margin-left: 48rpx;
}

.ml26 {
	margin-left: 52rpx;
}

.ml28 {
	margin-left: 56rpx;
}

.ml30 {
	margin-left: 60rpx;
}

.ml32 {
	margin-left: 64rpx;
}

.ml34 {
	margin-left: 68rpx;
}

.ml36 {
	margin-left: 72rpx;
}

.ml38 {
	margin-left: 76rpx;
}

.ml40 {
	margin-left: 80rpx;
}

/* 内边距=========================================== */
.p0 {
	padding: 0 !important;
}
.p2 {
	padding: 4rpx;
}

.p4 {
	padding: 8rpx;
}

.p6 {
	padding: 12rpx;
}

.p8 {
	padding: 16rpx;
}

.p10 {
	padding: 20rpx;
}

.p12 {
	padding: 24rpx;
}

.p14 {
	padding: 28rpx;
}

.p16 {
	padding: 32rpx;
}

.p18 {
	padding: 36rpx;
}

.p20 {
	padding: 40rpx;
}

.p22 {
	padding: 44rpx;
}

.p24 {
	padding: 48rpx;
}

.p26 {
	padding: 52rpx;
}

.p28 {
	padding: 56rpx;
}

.p30 {
	padding: 60rpx;
}

.p32 {
	padding: 64rpx;
}

.p34 {
	padding: 68rpx;
}

.p36 {
	padding: 72rpx;
}

.p38 {
	padding: 76rpx;
}

.p40 {
	padding: 80rpx;
}

.pt2 {
	padding-top: 4rpx;
}

.pt4 {
	padding-top: 8rpx;
}

.pt6 {
	padding-top: 12rpx;
}

.pt8 {
	padding-top: 16rpx;
}

.pt10 {
	padding-top: 20rpx;
}

.pt12 {
	padding-top: 24rpx;
}

.pt14 {
	padding-top: 28rpx;
}

.pt16 {
	padding-top: 32rpx;
}

.pt18 {
	padding-top: 36rpx;
}

.pt20 {
	padding-top: 40rpx;
}

.pt22 {
	padding-top: 44rpx;
}

.pt24 {
	padding-top: 48rpx;
}

.pt26 {
	padding-top: 52rpx;
}

.pt28 {
	padding-top: 56rpx;
}

.pt30 {
	padding-top: 60rpx;
}

.pt32 {
	padding-top: 64rpx;
}

.pt34 {
	padding-top: 68rpx;
}

.pt36 {
	padding-top: 72rpx;
}

.pt38 {
	padding-top: 76rpx;
}

.pt40 {
	padding-top: 80rpx;
}

.pr2 {
	padding-right: 4rpx;
}

.pr4 {
	padding-right: 8rpx;
}

.pr6 {
	padding-right: 12rpx;
}

.pr8 {
	padding-right: 16rpx;
}

.pr10 {
	padding-right: 20rpx;
}

.pr12 {
	padding-right: 24rpx;
}

.pr14 {
	padding-right: 28rpx;
}

.pr16 {
	padding-right: 32rpx;
}

.pr18 {
	padding-right: 36rpx;
}

.pr20 {
	padding-right: 40rpx;
}

.pr22 {
	padding-right: 44rpx;
}

.pr24 {
	padding-right: 48rpx;
}

.pr26 {
	padding-right: 52rpx;
}

.pr28 {
	padding-right: 56rpx;
}

.pr30 {
	padding-right: 60rpx;
}

.pr32 {
	padding-right: 64rpx;
}

.pr34 {
	padding-right: 68rpx;
}

.pr36 {
	padding-right: 72rpx;
}

.pr38 {
	padding-right: 76rpx;
}

.pr40 {
	padding-right: 80rpx;
}

.pb2 {
	padding-bottom: 4rpx;
}

.pb4 {
	padding-bottom: 8rpx;
}

.pb6 {
	padding-bottom: 12rpx;
}

.pb8 {
	padding-bottom: 16rpx;
}

.pb10 {
	padding-bottom: 20rpx;
}

.pb12 {
	padding-bottom: 24rpx;
}

.pb14 {
	padding-bottom: 28rpx;
}

.pb16 {
	padding-bottom: 32rpx;
}

.pb18 {
	padding-bottom: 36rpx;
}

.pb20 {
	padding-bottom: 40rpx;
}

.pb22 {
	padding-bottom: 44rpx;
}

.pb24 {
	padding-bottom: 48rpx;
}

.pb26 {
	padding-bottom: 52rpx;
}

.pb28 {
	padding-bottom: 56rpx;
}

.pb30 {
	padding-bottom: 60rpx;
}

.pb32 {
	padding-bottom: 64rpx;
}

.pb34 {
	padding-bottom: 68rpx;
}

.pb36 {
	padding-bottom: 72rpx;
}

.pb38 {
	padding-bottom: 76rpx;
}

.pb40 {
	padding-bottom: 80rpx;
}

.pl2 {
	padding-left: 4rpx;
}

.pl4 {
	padding-left: 8rpx;
}

.pl6 {
	padding-left: 12rpx;
}

.pl8 {
	padding-left: 16rpx;
}

.pl10 {
	padding-left: 20rpx;
}

.pl12 {
	padding-left: 24rpx;
}

.pl14 {
	padding-left: 28rpx;
}

.pl16 {
	padding-left: 32rpx;
}

.pl18 {
	padding-left: 36rpx;
}

.pl20 {
	padding-left: 40rpx;
}

.pl22 {
	padding-left: 44rpx;
}

.pl24 {
	padding-left: 48rpx;
}

.pl26 {
	padding-left: 52rpx;
}

.pl28 {
	padding-left: 56rpx;
}

.pl30 {
	padding-left: 60rpx;
}

.pl32 {
	padding-left: 64rpx;
}

.pl34 {
	padding-left: 68rpx;
}

.pl36 {
	padding-left: 72rpx;
}

.pl38 {
	padding-left: 76rpx;
}

.pl40 {
	padding-left: 80rpx;
}

/* 圆角 */
.br2 {
	border-radius: 4rpx;
}

.br4 {
	border-radius: 8rpx;
}

.br6 {
	border-radius: 12rpx;
}

.br8 {
	border-radius: 16rpx;
}

.br10 {
	border-radius: 20rpx;
}

.br12 {
	border-radius: 24rpx;
}

.br14 {
	border-radius: 28rpx;
}

.br16 {
	border-radius: 32rpx;
}

.br18 {
	border-radius: 36rpx;
}

.br20 {
	border-radius: 40rpx;
}

.br22 {
	border-radius: 44rpx;
}

.br24 {
	border-radius: 48rpx;
}

.br26 {
	border-radius: 52rpx;
}

.br28 {
	border-radius: 56rpx;
}

.br30 {
	border-radius: 60rpx;
}

.br32 {
	border-radius: 64rpx;
}

.br34 {
	border-radius: 68rpx;
}

.br36 {
	border-radius: 72rpx;
}

.br38 {
	border-radius: 76rpx;
}

.br40 {
	border-radius: 80rpx;
}

.br50 {
	border-radius: 50%;
}

/* 字体大小 */
.fs2 {
	font-size: 4rpx;
}

.fs4 {
	font-size: 8rpx;
}

.fs6 {
	font-size: 12rpx;
}

.fs8 {
	font-size: 16rpx;
}

.fs10 {
	font-size: 20rpx;
}

.fs12 {
	font-size: 24rpx;
}
.fs13 {
	font-size: 26rpx;
}

.fs14 {
	font-size: 28rpx;
}

.fs16 {
	font-size: 32rpx;
}

.fs18 {
	font-size: 36rpx;
}

.fs20 {
	font-size: 40rpx;
}

.fs22 {
	font-size: 44rpx;
}

.fs24 {
	font-size: 48rpx;
}

.fs26 {
	font-size: 52rpx;
}

.fs28 {
	font-size: 56rpx;
}

.fs30 {
	font-size: 60rpx;
}

.fs32 {
	font-size: 64rpx;
}

.fs34 {
	font-size: 68rpx;
}

.fs36 {
	font-size: 72rpx;
}

.fs38 {
	font-size: 76rpx;
}

.fs40 {
	font-size: 80rpx;
}

.fs42 {
	font-size: 84rpx;
}

.fs44 {
	font-size: 88rpx;
}

.fs46 {
	font-size: 92rpx;
}

.fs48 {
	font-size: 96rpx;
}

.fs50 {
	font-size: 100rpx;
}
/* 行高 */
.lh2 {
	line-height: 4rpx;
}
.lh4 {
	line-height: 8rpx;
}
.lh6 {
	line-height: 12rpx;
}
.lh8 {
	line-height: 16rpx;
}
.lh10 {
	line-height: 20rpx;
}
.lh12 {
	line-height: 24rpx;
}
.lh14 {
	line-height: 28rpx;
}
.lh16 {
	line-height: 32rpx;
}
.lh18 {
	line-height: 36rpx;
}
.lh20 {
	line-height: 40rpx;
}
.lh22 {
	line-height: 44rpx;
}
.lh24 {
	line-height: 48rpx;
}
.lh26 {
	line-height: 52rpx;
}
.lh28 {
	line-height: 56rpx;
}
.lh30 {
	line-height: 60rpx;
}
.lh32 {
	line-height: 64rpx;
}
.lh34 {
	line-height: 68rpx;
}
.lh36 {
	line-height: 72rpx;
}
.lh38 {
	line-height: 76rpx;
}
.lh40 {
	line-height: 80rpx;
}

/* 高度 */
.h1 {
	height: 2rpx;
}
.h2 {
	height: 4rpx;
}
.h3 {
	height: 6rpx;
}
.h4 {
	height: 8rpx;
}
.h5 {
	height: 10rpx;
}
.h6 {
	height: 12rpx;
}
.h7 {
	height: 14rpx;
}
.h8 {
	height: 16rpx;
}
.h9 {
	height: 18rpx;
}
.h10 {
	height: 20rpx;
}
.h11 {
	height: 22rpx;
}
.h12 {
	height: 24rpx;
}
.h13 {
	height: 26rpx;
}
.h14 {
	height: 28rpx;
}
.h15 {
	height: 30rpx;
}
.h16 {
	height: 32rpx;
}
.h17 {
	height: 34rpx;
}
.h18 {
	height: 36rpx;
}
.h19 {
	height: 38rpx;
}
.h20 {
	height: 40rpx;
}
.h21 {
	height: 42rpx;
}
.h22 {
	height: 44rpx;
}
.h23 {
	height: 46rpx;
}
.h24 {
	height: 48rpx;
}
.h25 {
	height: 50rpx;
}
.h26 {
	height: 52rpx;
}
.h27 {
	height: 54rpx;
}
.h28 {
	height: 56rpx;
}
.h29 {
	height: 58rpx;
}
.h30 {
	height: 60rpx;
}
.h31 {
	height: 62rpx;
}
.h32 {
	height: 64rpx;
}
.h33 {
	height: 66rpx;
}
.h34 {
	height: 68rpx;
}
.h35 {
	height: 70rpx;
}
.h36 {
	height: 72rpx;
}
.h37 {
	height: 74rpx;
}
.h38 {
	height: 76rpx;
}
.h39 {
	height: 78rpx;
}
.h40 {
	height: 80rpx;
}
.h41 {
	height: 82rpx;
}
.h42 {
	height: 84rpx;
}
.h43 {
	height: 86rpx;
}
.h44 {
	height: 88rpx;
}
.h45 {
	height: 90rpx;
}
.h46 {
	height: 92rpx;
}
.h47 {
	height: 94rpx;
}
.h48 {
	height: 96rpx;
}
.h49 {
	height: 98rpx;
}
.h50 {
	height: 100rpx;
}
.h51 {
	height: 102rpx;
}
.h52 {
	height: 104rpx;
}
.h53 {
	height: 106rpx;
}
.h54 {
	height: 108rpx;
}
.h55 {
	height: 110rpx;
}
.h56 {
	height: 112rpx;
}
.h57 {
	height: 114rpx;
}
.h58 {
	height: 116rpx;
}
.h59 {
	height: 118rpx;
}
.h60 {
	height: 120rpx;
}
.h61 {
	height: 122rpx;
}
.h62 {
	height: 124rpx;
}
.h63 {
	height: 126rpx;
}
.h64 {
	height: 128rpx;
}
.h65 {
	height: 130rpx;
}
.h66 {
	height: 132rpx;
}
.h67 {
	height: 134rpx;
}
.h68 {
	height: 136rpx;
}
.h69 {
	height: 138rpx;
}
.h70 {
	height: 140rpx;
}
.h71 {
	height: 142rpx;
}
.h72 {
	height: 144rpx;
}
.h73 {
	height: 146rpx;
}
.h74 {
	height: 148rpx;
}
.h75 {
	height: 150rpx;
}
.h76 {
	height: 152rpx;
}
.h77 {
	height: 154rpx;
}
.h78 {
	height: 156rpx;
}
.h79 {
	height: 158rpx;
}
.h80 {
	height: 160rpx;
}
.h81 {
	height: 162rpx;
}
.h82 {
	height: 164rpx;
}
.h83 {
	height: 166rpx;
}
.h84 {
	height: 168rpx;
}
.h85 {
	height: 170rpx;
}
.h86 {
	height: 172rpx;
}
.h87 {
	height: 174rpx;
}
.h88 {
	height: 176rpx;
}
.h89 {
	height: 178rpx;
}
.h90 {
	height: 180rpx;
}
.h91 {
	height: 182rpx;
}
.h92 {
	height: 184rpx;
}
.h93 {
	height: 186rpx;
}
.h94 {
	height: 188rpx;
}
.h95 {
	height: 190rpx;
}
.h96 {
	height: 192rpx;
}
.h97 {
	height: 194rpx;
}
.h98 {
	height: 196rpx;
}
.h99 {
	height: 198rpx;
}

/* 弹性布局 */
.df {
	display: flex;
}
.db {
	display: block;
}

.dfc {
	display: flex;
	flex-direction: column;
}

.jcsb {
	justify-content: space-between;
}
.jcsa {
	justify-content: space-around;
}
.jcse {
	justify-content: space-evenly;
}

.jcc {
	justify-content: center;
}
.jca {
	justify-content: space-around;
}

.aic {
	align-items: center;
}

.f1 {
	flex: 1;
}

.fww {
	flex-wrap: wrap;
}
.fwwl {
	flex-wrap: wrap;
	&::after {
		flex: 1;
		content: '';
		box-sizing: border-box;
	}
}
.pstr {
	position: relative;
}

.psta {
	position: absolute;
}
.psts0 {
	position: -webkit-sticky; /* Safari 浏览器 */
	position: sticky;
	top: 0; /* 在距离顶部50px时变得粘性定位 */
}

.pstf {
	position: fixed;
}
.l0 {
	left: 0;
}
.t0 {
	top: 0;
}
.b0 {
	bottom: 0;
}
.r0 {
	right: 0;
}
.z0 {
	z-index: -1;
}
.z9 {
	z-index: 9;
}
.z99 {
	z-index: 99;
}
.z999 {
	z-index: 999;
}
.z9999 {
	z-index: 9999;
}
.trbl0 {
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
}
.globalOvh {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.ovh {
	overflow: hidden;
}
.ovs {
	overflow-y: scroll;
}

.ovh1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ovh2 {
	overflow: hidden; //超出的文本隐藏
	display: -webkit-box;
	-webkit-line-clamp: 2; // 超出多少行
	-webkit-box-orient: vertical;
}
.ovh3 {
	overflow: hidden; //超出的文本隐藏
	display: -webkit-box;
	-webkit-line-clamp: 3; // 超出多少行
	-webkit-box-orient: vertical;
}
.ovh4 {
	overflow: hidden; //超出的文本隐藏
	display: -webkit-box;
	-webkit-line-clamp: 4; // 超出多少行
	-webkit-box-orient: vertical;
}
.ovh5 {
	overflow: hidden; //超出的文本隐藏
	display: -webkit-box;
	-webkit-line-clamp: 5; // 超出多少行
	-webkit-box-orient: vertical;
}
.fanzhuan {
	transform: scaleY(-1) !important;
}

.fw700 {
	font-weight: 700;
}

.fw600 {
	font-weight: 600;
}

.fw500 {
	font-weight: 500;
}
.fwb {
	font-weight: bold;
}
/* 颜色 */
.c255 {
	color: #fff;
}
.c14 {
	color: #141414;
}
.c333 {
	color: #333;
}
.c666 {
	color: #666;
}
.c999 {
	color: #999;
}
.c000 {
	color: #000;
}
.ww {
	word-wrap: break-word;
	word-break: break-all;
}
